<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../libs/font/iconfont.css">
</head>

<body>
    <!-- 导航 -->
    <div class="nav">
        <div class="container">
            <img src="../img/other/loginLogo.svg" alt="">
            华为商城
        </div>
    </div>

    <!-- 主体 -->
    <main>
        <h1>华为账号登录</h1>
        <div class="bottom">
            <div class="container">
                <div class="QR-code">
                    <div class="img">
                        <img src="../img/other/QRcode.png" alt="">
                    </div>
                    <p>若您使用华为手机，请进入“设置”&gt;“华为帐号”扫码登录。</p>
                </div>
                <div class="right">
                    <form>
                        <div class="form-group">
                            <!-- <label for="recipient-name" class="control-label">用户名：</label> -->
                            <input type="text" class="form-control" id="recipient-name" placeholder="请输入用户名">
                            <span class="user_span"></span>
                        </div>
                        <div class="form-group">
                            <!-- <label for="message-text" class="control-label">密码：</label> -->
                            <input type="password" class="form-control" id="message-text" placeholder="请输入密码"></input>
                            <span class="password_span"></span>
                        </div>
                        <label><input type="checkbox" class="memory">记住密码</label>
                    </form>
                    <button type="button" class="btn btn-primary login">登录</button>
                    <div class="modal-footer">
                        <a href="./register.html">注册</a><a href="">忘记密码</a><a href="">遇到问题</a>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- 底部 -->
    <footer>
        <p>华为账号用户协议 | 关于华为账号与隐私的声明 | 常见问题 | Cookies</p>
        <p>华为账号 | 版权所有 &copy; 2011-2022</p>
    </footer>



    <script src="../libs/require.js" data-main="../js/login_main"></script>
</body>

</html>